import React, { PureComponent, StrictMode } from 'react';

class Home extends PureComponent {
  constructor(props) {
    super(props)

    console.log('Home constructor')
  }


  // UNSAFE_componentWillMount() {
  //   console.log('Home componentWillMount')
  // }

  render() {
    return (
      // <div ref='title'>
      <div>
        Home
      </div>
    )
  }
}

class Profile extends PureComponent {
  constructor(props) {
    super(props)

    console.log('Profile constructor')
  }

  // UNSAFE_componentWillMount() {
  //   console.log('Profile componentWillMount')
  // }

  render() {
    return (
      <div>
        Profile
      </div>
    )
  }
}

export default class App extends PureComponent {
  render() {
    return (
      <div>
        <StrictMode>
          <Home/>
        </StrictMode>
        <Profile/>
      </div>
    )
  }
}